<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/31 0031
  Time: 16:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Layout布局</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>
</head>
<%--导入css和js--%>
<script type="text/javascript">
    var index = 1;
    function addTab() {
        $('#tt').tabs('add',{
            title: '收单列表'+index,
            content: '<div >Content'+index+'</div>',
            closable: true
        });
        index++;
    }
</script>
<body >
<div class="easyui-layout" style="height:100%;width: 100%">
    <div data-options="region:'north'" style="height:50px">A</div>
    <div data-options="region:'south',split:true" style="height:50px;">B</div>
    <div data-options="region:'east',split:true" title="East" style="width:180px;">C</div>
    <div data-options="region:'west',split:true" title="West" style="width:200px;">
        <div class="easyui-accordion"  data-options="fit:true">
            <div title="面板一">
                <a href="javascript:void (0)"  onclick="addTab()">收单列表</a>
            </div>
            <div title="面板二">2</div>
            <div title="面板二">3</div>
        </div>
    </div>
    <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'">
        <div id="tt" class="easyui-tabs" data-options="fit:true">
            <!--  closable:true：表示显示关闭按钮 -->
            <div title="工作台">工作台</div>
            <div title="快递列表" data-options="closable:true">快递列表</div>
            <div title="快递列表">快递列表</div>
        </div>
    </div>
</div>
</body>
</html>
